// 导入cookie操作的获取和设置方法
import { getToken, setToken } from '@/utils/auth'
import { syslogin } from '@/api/login'
import { sysprofile, sysUser } from '@/api/user'
import { Message } from 'element-ui'
// import CookieJs from 'js-cookie'
export default {
  namespaced: true,
  state: {
    // token: CookieJs.get('token') || ''
    // 初始化时,获取本地cookie的token的值，没有就为空
    token: getToken() || '',
    userinfo: ''
  },
  mutations: {
    setToken(state, value) {
      // 设置vuex的值同时设置cookie的值
      state.token = value
      setToken(value)
      console.log(state.token)
      // CookieJs.set('token', value)
    },
    setUserInfo(state, value) {
      state.userinfo = value
    },
    // 处理401token失效
    // 清空token和用户信息
    logout() {
      this.commit('user/setToken', '')
      this.commit('user/setUserInfo', '')
    }
  },
  actions: {
    // 登录
    async toLogin(context, form) {
      const res = await syslogin(form) // 调用接口并设置token值
      Message.success('登录成功')
      context.commit('setToken', res.data)
    },
    // 获取用户信息
    async getUserInfo(context) {
      const res = await sysprofile()
      console.log(res)
      context.commit('setUserInfo', res.data)
      // 获取用户信息(头像)
      const res2 = await sysUser(res.data.userId)
      // 将用户信息与用户头像合并
      context.commit('setUserInfo', Object.assign({}, res.data, res2.data))
    }
  }
}
